{% extends webapp_config['LAYOUT'] %}

{% block meta_copydoc %}https://docs.google.com/document/d/1EvemWJDOpjL-8ieCSiStKViFx-fgwfTaENueOYlB5ps/edit{% endblock %}

{% block content %}
  <section id="main-content" class="p-strip is-bordered">
    <div class="row">
      <h2 class="p-heading--one">
        Auto-build and publish software for any Linux system or device
      </h2>
    </div>
    <div class="u-fixed-width">
      <img src="https://assets.ubuntu.com/v1/ed6d1c5b-build.snapcraft.hero.svg" width="100%" />
    </div>
    <div class="row">
      <div class="col-4">
        <p class="p-heading--four u-align-text--center">Push to GitHub</p>
      </div>
      <div class="col-4">
        <p class="p-heading--four u-align-text--center">Built automatically</p>
      </div>
      <div class="col-4">
        <p class="p-heading--four u-align-text--center">Released for your users</p>
      </div>
    </div>
    <div class="row">
      <div class="col-6 col-start-large-4 u-align--center">
        <a href="{{ BSI_URL }}/auth/authenticate" class="p-button--positive p-build__github-button">
          Set up in minutes <img src="https://assets.ubuntu.com/v1/cb4b9125-github-white.svg" />
        </a>
      </div>
    </div>
  </section>

  <section class="p-strip">
    <div class="row">
      <h3 class="p-heading--two">Publish your software for</h3>
    </div>
    <div class="row">
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/4e18e57c-logo-ubuntu--in-card.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/f7f680fb-debian.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/2ce868d9-mint.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/eccf1818-raspberrypi.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/44789cf1-arch.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/f24733d2-fedora.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/0dd4809d-openwrit.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/f131a86c-yocto.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/38659979-openembed.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/c4c720c6-suse.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/02d49758-manjaro.png" alt="">
      </div>
      <div class="p-logo-image col-small-2 col-medium-2 col-2 col-logo">
        <img src="https://assets.ubuntu.com/v1/4ea80b29-solus.png" alt="">
      </div>
    </div>
  </section>

  <section class="p-strip--light">
    <div class="row">
      <h3 class="p-heading--two">Why use Snapcraft?</h3>
    </div>
    <div class="row">
      <ul class="p-list is-split">
        <li class="p-list__item is-ticked">Scale to millions of installs</li>
        <li class="p-list__item is-ticked">Available on all clouds and linux OSes</li>
        <li class="p-list__item is-ticked">No need for build infrastructure</li>
        <li class="p-list__item is-ticked">Automatic updates for everyone</li>
        <li class="p-list__item is-ticked">Roll back versions effortlessly</li>
        <li class="p-list__item is-ticked">FREE for open source projects</li>
      </ul>
    </div>
  </section>

  <section class="p-strip">
    <div class="row">
      <h3 class="p-heading--two">How Snapcraft fits your workflow</h3>
    </div>
    <div class="row">
      <div class="u-align--center">
        <img src="https://assets.ubuntu.com/v1/b70a5c55-workflow-illustration.svg" alt="1: You receive a pull request on GitHub. 2: Test with Travis or other CI system. 3: The code lands on your GitHub master. 4: Snapcraft builds a new snap version. 5: Auto-released to the snap store for testing. 6: You promote to beta, candidate, or stable." data-reactid="75">
      </div>
    </div>
    <div class="row">
      <div class="col-6 col-start-large-4 u-align--center">
        <a href="{{ BSI_URL }}/auth/authenticate" class="p-button--positive p-build__github-button">
          Get started now <img src="https://assets.ubuntu.com/v1/cb4b9125-github-white.svg" />
        </a>
      </div>
    </div>
  </section>

  <section class="p-strip--light">
    <div class="row">
      <div class="col-8">
        <h3 class="p-heading--two">Fast to install, easy to create, safe to run</h3>
        <p>With Snapcraft, it’s easy to get your software published in the snap store. This store lets people safely install apps from any vendor on mission-critical devices and PCs. Snaps are secure, sandboxed, containerised applications, packaged with their dependencies for predictable behaviour.</p>
        <p><a href="/">More about snaps &rsaquo;</a></p>
      </div>
      <div class="col-4">
        <img src="https://assets.ubuntu.com/v1/2c5e93c5-fast-easy-safe-illustration.svg" />
      </div>
    </div>
  </section>
  <section class="p-strip">
    <div class="row">
      <h3 class="p-heading--two">What people are saying about snaps</h3>
    </div>
    <div class="row">
      <div class="col-4">
        <blockquote class="p-testimonial">
          <div class="p-testimonial__logo">
            <img src="https://assets.ubuntu.com/v1/4983bbf0-logo-next-cloud.svg" />
          </div>
          <p class="p-testimonial__content">
            Snaps provide an excellent way to distribute updates in a way that is both secure and does not risk breaking end user devices.
          </p>
          <cite class="p-testimonial__citation">
            Frank Karlitschek
            <br />
            <a href="https://nextcloud.com/" class="p-link--external">NextCloud</a>
          </cite>
        </blockquote>
      </div>
      <div class="col-4">
        <blockquote class="p-testimonial">
          <div class="p-testimonial__logo">
            <img src="https://assets.ubuntu.com/v1/a17a9cf6-logo-ibm.svg" />
          </div>
          <p class="p-testimonial__content">
            Snaps allow developers to build and deploy applications in a format that’s easily portable and upgradeable across a number of IoT devices so that a cognitive relationship between the cloud and the edges of the network can be established.
          </p>
          <cite class="p-testimonial__citation">
            Mac Devine
            <br />
            <a href="https://www.ibm.com" class="p-link--external">IBM</a>
          </cite>
        </blockquote>
      </div>
      <div class="col-4">
        <blockquote class="p-testimonial">
          <div class="p-testimonial__logo">
            <img src="https://assets.ubuntu.com/v1/1d59f449-logo-rocketchat.svg" />
          </div>
          <p class="p-testimonial__content">
            Getting Rocket.Chat snapped was as easy as defining a simple yaml file and adding into our CI. This is definitely one of the easiest distribution methods we have ever used.
          </p>
          <cite class="p-testimonial__citation">
            Aaron Ogle
            <br />
            <a href="https://rocket.chat/" class="p-link--external">Rocket.Chat</a>
          </cite>
        </blockquote>
      </div>
    </div>
  </section>
{% endblock %}
